Los generadores nos ahorran mucho tiempo porque vemos en vista previa el resultado en lugar de hacer una y mil pruebas.
Con border-image-generator conseguimos que cualquier imagen sea el borde de nuestras imágenes para el blog. Lo ideal, sería que la imagen para el borde sea tipo textura o con motivos no demasiado grandes.


Si marcamos la casilla "Fill Center" conseguimos que la imagen ocupe también el fondo, esto puede ser útil cuando añadimos imágenes png. (fondo transparente)


Para que ese borde se muestre en nuestras imágenes del blog buscamos en la plantilla algo así:

 .post img, table.tr-caption-container { 
  padding:4px; 
  border:1px solid $bordercolor; 
}

Eliminamos lo marcado en rojo y ahí añadimos los estilos que nos proporciona el generador.
No guardes los cambios hasta comprobar en vista previa que todo está correcto.

María Pilar

Estos efectos me gustan mucho no para todas las fotos, pero sí cuando quieres hacer algo especial.
Me lo quedo.

Un abrazo Julia y feliz fin de semana :)

Gem@

Todo tuyo m.p.moreno :D

Responder
Antonio Ruiz

Hola Gema!

Muchas gracias por seguir enseñándonos a diseñar nuestros blogs. Unos bordes curiosos. Lo emplearé en algunas de mis fotos.

Un besote!

Gem@

Hola Antonio!! a buena hora veo tu comentario menos mal que no era por una duda.
Que lo pases bien!!

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top